<template>
  <div class="device pane-w">
    君士坦丁堡2023-05-06 11:21
    君士坦丁堡（Constantinople），又称君士坦丁城，是位于现今土耳其伊斯坦布尔市的一座古老城市。它是东罗马帝国的首都，后来成为奥斯曼帝国的主要城市。君士坦丁堡在历史上有着非常重要的地位，下面我们来详细了解它的历史、文化和建筑。君士坦丁堡历史
    1.建城时期
    君士坦丁堡是由罗马皇帝君士坦丁大帝建造的。在公元330年，他将罗马帝国的首都从罗马迁至君士坦丁堡，这标志着罗马帝国的东西分治。君士坦丁堡在建造时，吸取了古希腊城市建筑和古罗马城市建筑的经验。城市南北长约5公里，东西宽约3公里，总面积达到了12.5平方千米。
    2.东罗马帝国时期
    君士坦丁堡在东罗马帝国时期，成为了一个政治、文化、经济中心。从395年到1453年，即东罗马帝国时期，君士坦丁堡长期地保持着其与世界上其他城市的连接。在此期间，君士坦丁堡经历了多次大规模的战争和重建，是世界上最坚固和最安全的城市之一。
    3.奥斯曼帝国时期
    1453年，君士坦丁堡被奥斯曼土耳其人征服，成为了奥斯曼帝国的主要城市。此时，君士坦丁堡的建筑和文化再次受到了影响，出现了许多新的建筑和文化活动。在此期间，许多新的伟大建筑也被建造了起来，如苏莱曼清真寺、托卡帕宫、伊斯坦布尔大学等，这些建筑为君士坦丁堡赋予了人类历史上的丰厚遗产。文化
    1.宗教
    君士坦丁堡曾经是基督教东正教的中心，许多教堂和修道院在城内矗立，因此君士坦丁堡成为了东正教信仰的圣地。此外，君士坦丁堡也是伊斯兰教的重要中心，城市内有众多清真寺。
    2.艺术
    君士坦丁堡的艺术风格深受希腊和罗马的影响，但是也存在独特的东方特色。城市内的建筑、艺术品和手工艺品都继承了希腊文化、罗马文化、拜占庭文化和阿拉伯文化的艺术特色。
    3.文学
    君士坦丁堡是许多重要历史文学作品的中心地，如拜占庭帝国的宫廷史诗《第十四个转折点》、克里斯多福·卢斯·查特·拉米斯的小说《君士坦丁堡》等。建筑
    1.海上城墙
    君士坦丁堡的最著名建筑之一就是海上城墙。这是由君士坦丁大帝建造的城墙，用于保护城市免受外部入侵。整座城墙有5.5公里长，高达12至14米，厚度达4.5米，被认为是公元5世纪地中海地区最好的保卫工事。
    2.圣索非亚大教堂
    圣索非亚大教堂是东正教的重要宗教场所，曾经是基督教世界和拜占庭帝国的第一座教堂。它始建于公元325年，该教堂建造的目的是为了纪念基督的升天。它的圆顶高达55.6米，面积达到了7.000平方米。
    3.托卡帕宫
    托卡帕宫建于1459年，是奥斯曼帝国苏丹的行宫。托卡帕宫的建筑风格是伊斯兰艺术中最美丽的建筑之一。它以其雄伟的建筑、宏伟的颜色和精美的细节闻名于世。
    君士坦丁堡的历史、文化和建筑令人难以置信。它在世界历史上有着非常重要的地位，并影响了世界的发展。君士坦丁堡的优美和壮观的建筑，依然吸引着数以万计的游客前往参观，并在他们心中留下深刻的印象。
    <!-- 添加更多设备 -->
    <div class="tow">
      <img src="../assets/history/k1.jpeg" />
      <img src="../assets/history/p3.jpeg" />
      <img src="../assets/history/2.jpeg" />
      <img src="../assets/history/3.jpeg" />
      <img src="../assets/history/4.jpg" />
      <img src="../assets/history/5.jpeg" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      device1State: false,
      device2State: false,
      // 添加更多设备状态
    };
  },
  methods: {
    toggleDeviceState(deviceId) {
      // 切换设备状态的逻辑
      if (deviceId === 1) {
        this.device1State = !this.device1State;
      } else if (deviceId === 2) {
        this.device2State = !this.device2State;
      }
      // 添加更多设备的切换逻辑
    },
  },
  // 省略其他代码
};
</script>

<style>
/* 在这里添加样式 */
.device {
  cursor: pointer;
  padding: 0 1rem;
  text-align: left;
  text-indent: 2em;
}
.tow {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.tow img {
  width: 100%;
  height: 100%;
  width: 48.5%;
  margin: 0.4rem;
}
</style>
